$(function(){
         // 百度地图API功能
    var map = new BMap.Map("map-container", {minZoom:7,maxZoom:15}, { enableMapClick: false });
    var point = new BMap.Point(112.802054,35.673819);    // 初始化地图,设置中心点坐标
    map.centerAndZoom(point, 17);
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
   
    // //创建并打开窗口
    function openInfo(content, e) {
        var p = e.target;
        console.log(e)
        var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
        var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    }
    var opts = {
        width: 100,     // 信息窗口宽度
        height: 24,     // 信息窗口高度
        // title : "信息窗口" , // 信息窗口标题
        enableMessage: true//设置允许信息窗发送短息
    };
    let newIcon = new BMap.Icon("./images/icon-sos.png", new BMap.Size(36, 47));
    let newIcon1 = new BMap.Icon("./images/icon-sos1.png", new BMap.Size(36, 47));
    let newIcon2 = new BMap.Icon("./images/icon-monitor.png", new BMap.Size(36, 47));
    let newIcon3 = new BMap.Icon("./images/icon-car.png", new BMap.Size(36, 47));
    var data_info = [[112.801532,35.672731, "sos报警"],
        [112.795106,35.675901, "sos报警"],
        [112.808114,35.674142, "监控"],
        [112.7987,35.67508, "监控"],
        [112.812821,35.672405, "消防车"],
        [112.79331,35.676927, "消防车"],

    ];
    var radioData = []

    for (var i = 0; i < data_info.length; i++) {

        if(i==0){
            var marker1= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon });  // 创建标注
            var content = data_info[i][2];
            var label1 = new BMap.Label("sos报警");
            marker1.setLabel(label1);
            map.addOverlay(marker1);               // 将标注添加到地图中
            addClickHandler(content, marker1);
        }else if(i==1){
            var marker2= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon1 });  // 创建标注
            var content = data_info[i][2];
            var label2 = new BMap.Label("sos报警");
            marker2.setLabel(label2);
            map.addOverlay(marker2);               // 将标注添加到地图中
            addClickHandler(content, marker2);
        } else if(i==2){
            var marker3= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon2 });  // 创建标注
            var content = data_info[i][2];
            var label3 = new BMap.Label("监控");
            marker3.setLabel(label3);
            // 视频监控
            $('#monitor-btn').click(function () {
                map.addOverlay(marker3);
            })
            addClickHandler(content, marker3);
        }else if(i==3){
            var marker4= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon2 });  // 创建标注
            var content = data_info[i][2];
            var label4 = new BMap.Label("监控");
            marker4.setLabel(label4);
            // 视频监控
            $('#monitor-btn1').click(function () {
                map.addOverlay(marker4);
            })
            addClickHandler(content, marker4);
        } else if(i==4){
            var marker5= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon3 });  // 创建标注
            var content = data_info[i][2];
            var html=`<p style="margin-bottom:10px;">消防车1辆</p><p>张明15265845525</p>`
            var label5 = new BMap.Label("消防车");
            marker5.setLabel(label5);
            // 应急物资
            $('#supplies-btn').click(function () {
                map.addOverlay(marker5);
            })
            addClickHandler(html, marker5);
        } else if(i==5){
            var marker6= new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon3 });  // 创建标注
            var content = data_info[i][2];
            var html=`<p style="margin-bottom:10px;">消防车1辆</p><p>张明15265845525</p>`
            var label6 = new BMap.Label("消防车");
            marker6.setLabel(label6);
            // 应急物资
            $('#supplies-btn1').click(function () {
                map.addOverlay(marker6);
            })
            addClickHandler(html, marker6);
        }


    }
    //添加点击事件
    function addClickHandler(html, marker) {
        if(marker==marker1){
            marker.addEventListener("click", function(e) {
                // openInfo(html, e);
                $('.map-prop-wait').show()
                $('.map-prop-doing').hide()
            });
        }else if(marker==marker2){
            marker.addEventListener("click", function(e) {
                // openInfo(html, e);
                $('.map-prop-doing').show()
                $('.map-prop-wait').hide()
            });
        }else if(marker==marker3){
            marker.addEventListener("click", function(e) {
                // openInfo(html, e);
                layer.open({
                    type: 2,
                    title: false,
                    area: ['630px', '360px'],
                    shade: 0.8,
                    closeBtn: 0,
                    shadeClose: true,
                    content: `http://124.164.243.86:19004/play.html?serial=34020000002000000002&code=34020000001310002023&iframe=yes&aspect=fullscreen&autoplay=yes&share=no&ptz=no`
                });
            });
        }else if(marker==marker4){
            marker.addEventListener("click", function(e) {
                // openInfo(html, e);
                layer.open({
                    type: 2,
                    title: false,
                    area: ['630px', '360px'],
                    shade: 0.8,
                    closeBtn: 0,
                    shadeClose: true,
                    content: `http://124.164.243.86:19004/play.html?serial=34020000002000000002&code=34020000001310002032&iframe=yes&aspect=fullscreen&autoplay=yes&share=no&ptz=no`
                });
            });
        }else if(marker==marker5){
            marker.addEventListener("click", function(e) {
                openInfo(html, e);
               
            });
        }else if(marker==marker6){
            marker.addEventListener("click", function(e) {
                openInfo(html, e);
               
            });
        }

    }

    $("body").on("click", "#inFull", function() {
        requestFullScreen();
        $('#outFull').show();
        $('#inFull').hide();
    });
    $("body").on("click", "#outFull", function() {
        exitFullscreen();
        $('#inFull').show();
        $('#outFull').hide();
    });

      //进入全屏
      function requestFullScreen() {
        var de = document.documentElement;
        if (de.requestFullscreen) {
            de.requestFullscreen();
        } else if (de.mozRequestFullScreen) {
            de.mozRequestFullScreen();
        } else if (de.webkitRequestFullScreen) {
            de.webkitRequestFullScreen();
        }
    }

    //退出全屏
    function exitFullscreen() {
        var de = document;
        if (de.exitFullscreen) {
            de.exitFullscreen();
        } else if (de.mozCancelFullScreen) {
            de.mozCancelFullScreen();
        } else if (de.webkitCancelFullScreen) {
            de.webkitCancelFullScreen();
        }
    }
    // 右上角三个按钮点击事件
    $('.map-btn-list >li >a').click(function(){
        $(this).siblings('.map-btn-pop').show()
        $(this).parent().siblings('li').find('.map-btn-pop').hide()
    })
  
    // tab栏切换
    $('.pop-tab>a').click(function(){
        let index=$(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        $(this).parent().siblings('.pop-tab-content').find('ul').eq(index).show().siblings('ul').hide()
    })
    // 详情
    $('.pop-tab-content li').click(function(){
        $(this).parents('.pop-content').hide().siblings('.pop-content-detail').show()
    })
      // 返回
      $('.pop-back').click(function(){
        $(this).parents('.pop-content-detail').hide().siblings('.pop-content').show()
    })
    // 关闭
    $('.pop-close').click(function(){
        $(this).parents('.map-btn-pop').hide()
    })

    // 接警
    $('#task-btn').click(function () {
        $('.task-prop.zhihui-box').hide()
        $('.task-prop.jiejing-box').show()
    })
    // 指挥调度      
    $('#zhihui-btn').click(function(){
        $('.task-prop.jiejing-box').hide()
        $('.task-prop.zhihui-box').show()
    })
    // 关闭弹窗
    $('.close-btn').click(function(){
        flag=false
        $(this).parent().hide()
    })
    // 现场连线
    $('#line-btn').click(function(){
        $('.task-prop.jiejing-box').hide()
        $('.task-prop.zhihui-box').hide()
        $('.line-monitor').show()
    })
    // 切换到语音聊天
    $('#change-line').click(function(){
        $('.line-audio').show()
        $('.line-monitor').hide()
    })
    // 处理完成
    $('#comp-btn').click(function(){
        $(this).parents('.map-prop').hide()
    })
    // 无效报警
    $('#invalid-btn').click(function(){
        $(this).parents('.map-prop').hide()
    })
    //重复报警
    $('#repeat-btn').click(function(){
        $(this).parents('.map-prop').hide()
    })
    $(".event").M_select({
        // 手动添加下拉款图片（以html页面为起始位置写路径）
        "Img": "../plugins/M_select/up2.png",
        "Img2": "../plugins/M_select/down2.png",
        "radius": "4px",
        "Title": "选择事件类型",
        "inputName": "selected_value",
        // 默认选中的值（参数值写需要选中的select的value值）
        "selected": "0",
        Succee: function () {
            site = $('#event-type').val()
           
        }
    });
    var planList=[]//应急预案列表
    var suppliesList=[]//应急物资列表
    var watchList=[]//值守人员列表
    var supplies;//应急物资
    var helpGroup;//救护组
    // 添加
    $('.task-item').find('.add-btn').click(function(){
        $(this).siblings('.choose-box').show()
          
    })
     //获取应急预案选中的每一项 并存入数组
    $('.task-item').find('.choose-box.plan').find('.check-list-item').on('click','input',function(){
        console.log($(this).prop('checked'))
       if($(this).prop('checked')){
           planList.push($(this).siblings('span').text())
       }

    })
    
   
// 应急预案确定
$('.choose-box.plan').find('.confirm-btn').click(function(){
    $(this).parents('.choose-box').hide()
    for(let i=0;i<planList.length;i++){
        $(this).parents('.choose-box').siblings('.result-box').append(`<li><p>${planList[i]}</p>
        <a href="javascript:;" class="del-btn">
        <img src="./images/icon-del.png" alt="">
        </a></li>`)
    }
    console.log(planList)
  
})

// 应急物资 
$(".supplies").M_select({
    // 手动添加下拉款图片（以html页面为起始位置写路径）
    "Img": "../plugins/M_select/up2.png",
    "Img2": "../plugins/M_select/down2.png",
    "radius": "4px",
    "Title": "选择事件类型",
    "inputName": "selected_value",
    // 默认选中的值（参数值写需要选中的select的value值）
    "selected": "0",
    Succee: function () {
        let val=$('#supplies-type').val()
        supplies =  $('#supplies-type').find('option').eq(val).text()
       
    }
});
 //获取应急物资选中的每一项 并存入数组
 $('.task-item').find('.choose-box.supplies-box').find('.check-list-item').on('click','input',function(){
    console.log($(this).prop('checked'))
   if($(this).prop('checked')){
    suppliesList.push($(this).siblings('span').text())
   }

})
// 应急物资确定
$('.choose-box.supplies-box').find('.confirm-btn').click(function(){
    $(this).parents('.choose-box').hide()
    for(let i=0;i<suppliesList.length;i++){
        $(this).parents('.choose-box').siblings('.result-box').append(`<li><p>${suppliesList[i]}</p>
        <a href="javascript:;" class="del-btn">
        <img src="./images/icon-del.png" alt="">
        </a></li>`)
    }
    console.log(suppliesList)
  
})

// 值守人员 
$(".watch").M_select({
    // 手动添加下拉款图片（以html页面为起始位置写路径）
    "Img": "../plugins/M_select/up2.png",
    "Img2": "../plugins/M_select/down2.png",
    "radius": "4px",
    "Title": "选择救护组",
    "inputName": "selected_value",
    // 默认选中的值（参数值写需要选中的select的value值）
    "selected": "0",
    Succee: function () {
        let val=$('#watch-type').val()
        helpGroup =  $('#watch-type').find('option').eq(val).text()
        console.log(helpGroup)
       
    }
});
 //获取应急物资选中的每一项 并存入数组
 $('.task-item').find('.choose-box.watch-box').find('.check-list-item').on('click','input',function(){
    console.log($(this).prop('checked'))
   if($(this).prop('checked')){
    watchList.push($(this).siblings('span').text())
   }

})
// 应急物资确定
$('.choose-box.watch-box').find('.confirm-btn').click(function(){
    $(this).parents('.choose-box').hide()
    for(let i=0;i<watchList.length;i++){
        $(this).parents('.choose-box').siblings('.result-box').append(`<li><p>${helpGroup}-${watchList[i]}</p>
        <a href="javascript:;" class="del-btn">
        <img src="./images/icon-del.png" alt="">
        </a></li>`)
    }
    console.log(watchList)
  
})
// 取消
$('.task-item').find('.cancel-btn').click(function(){
    $(this).parents('.choose-box').hide()
})
// 删除
$('.task-item .result-box').on('click','.del-btn',function(){
   $(this).parent('li').remove()
})
   
 
})